<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>查询商品列表</title>
		<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-3.3.1.min.js"></script>
	</head>
	<body>
		<form action="${pageContext.request.contextPath }/item/queryitem.action" method="post">
			查询条件：
			<table width="100%" border="1">
				<tr>
					<td>商品id：<input type="text" name="item.id" /></td>
					<td>商品名称：<input type="text" name="item.name" /></td>
					<td><input type="submit" value="查询"/></td>
				</tr>
			</table>
			商品列表：
			<table width="100%" border="1">
				<tr>
					<td>选择</td>
					<td>商品名称</td>
					<td>商品价格</td>
					<td>生产日期</td>
					<td>商品描述</td>
					<td>操作</td>
				</tr>
				<c:forEach items="${itemList }" var="item" varStatus="s">
					<%-- <tr>
						<td><input type="checkbox" name="ids" value="${item.id }"/></td>
						<td>${item.name }</td>
						<td>${item.price }</td>
						<td><fmt:formatDate value="${item.createtime }" pattern="yyyy-MM-dd HH:mm:ss"/></td>
						<td>${item.detail }</td>
						<td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td>
					</tr> --%>
					<tr>
						<td><input type="checkbox" name="ids" value="${item.id }"/></td>
						<td>
							<input type="hidden" name="itemList[${s.index }].id" value="${item.id }"/>
							<input type="text" name="itemList[${s.index }].name" value="${item.name }"/>
						</td>
						<td><input type="text" name="itemList[${s.index }].price" value="${item.price }"/></td>
						<td><input type="text" name="itemList[${s.index }].createtime" value='<fmt:formatDate value="${item.createtime }" pattern="yyyy-MM-dd HH:mm:ss"/>'/></td>
						<td><input type="text" name="itemList[${s.index }].detail" value="${item.detail }"/></td>
						<%-- <td><a href="${pageContext.request.contextPath }/itemEdit.action?id=${item.id}">修改</a></td> --%>
						<td><a href="${pageContext.request.contextPath }/itemEdit/${item.id}">修改</a></td>
					</tr>
				</c:forEach>
			</table>
		</form>
		<button onclick="sendJson()">JSON数据交互测试</button>
		<script type="text/javascript">
			function sendJson() {
				$.ajax({
					type:"post",
					url:"${pageContext.request.contextPath }/jsonTest.action",
					data:'{"id":"1","name":"电冰箱","price":"1999"}',
					contentType:"application/json;charset=utf-8",
					success:function(data) {
						alert(data.id + ":" + data.name);
					}
				});
			}
		</script>
	</body>
</html>
































